<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<section id="footer" class="well">
                <div class="row-fluid">
                    <div class="span10 text-center">
                        <a href="javascript:;" >关于我们 |</a>
                        <a href="javascript:;" >诚聘英才 |</a>
                        <a href="javascript:;" >服务条款 |</a>
                        <a href="javascript:;" >法律声明 |</a>
                        <a href="javascript:;" >帮助中心 |</a>
                        <a href="javascript:;" >网站地图 |</a>
                        <a href="javascript:;" >联系我们 |</a>
                        <a href="javascript:;" >在线留言 |</a>
                        <a href="javascript:;" >战略伙伴</a>
                        <small><p></p>Copyright © 2004-2012 CJ_Zone</small>
                    </div>
                    <a class="span2" href="" target="_blank">
                        <img src="" alt="" />
                    </a>
                </div>
            </section><!--  /footer -->
        </div><!--  /container -->
    
        <!-- javascript 
        ==================================================================== -->
        <script type="text/javascript" src="/resource/bootstrap/js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="/resource/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="/resource/bootstrap/js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="/resource/bootstrap/js/jquery-extend-slither.js"></script>
        <script type="text/javascript">
            $(function() {
                loading($("#loadingModal"));
                
                $("#sidepanel").slitherable({
                    dir:"left",
                    title:"功能菜单",
                    top:"45px",
                });
                
                // $("#login").on("click", function() {
                    // $("#loginModal").modal();
                // });
                // $("#regist").on("click", function() {
                    // $("#registModal").modal();
                // });
                
                $(".carousel").carousel();
                
                // 切换风格
                $("#toggleStyle").on("click", function() {
                    $("#myNavbar").toggleClass("navbar-inverse");
                    $("#myNavbar .btn").toggleClass("btn-inverse");
                    $("#myNavbar i[class^='icon-']").toggleClass("icon-white");
                });
                
                // 菜单高亮效果
                $(".nav-list li:has(i)").on("click", function() {
                    $(this).addClass("active").find("i[class^='icon-']").addClass("icon-white");
                    $(".nav-list li").not(this).removeClass("active").find("i[class^='icon-']").removeClass("icon-white");
                    
                });
                
            });
            
            // 载入画面
            function loading(_loadingModal) {
                _loadingModal.modal();
                var flag = 1;
                var index = setInterval(function() {
                    $("#loadingBar").css("width", flag + "%");
                    flag++;
                    if (flag == 30) {
                        $("#loadingProgress").removeClass("progress-danger").addClass("progress-warning");
                    }
                    if (flag == 60) {
                        $("#loadingProgress").removeClass("progress-warning").addClass("progress-info");
                    }
                    if (flag == 90) {
                        $("#loadingProgress").removeClass("progress-info").addClass("progress-success");
                    }
                    if (flag == 120) {
                        window.clearInterval(index);
                        _loadingModal.modal("hide");
                    }
                }, 40);
            }
        </script>    
    </body>
</html>